<?php $pagina = $_GET["pag"];?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Testando Bootstrap</title>

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/estilo.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/docs.css" rel="stylesheet">

</head>

<body onLoad="include('rodape.php');">

<div class="container">
	<!-- Menu Princpal -->
    <div class="navbar">
      <div class="navbar-inner">
        <a class="brand" href="index.php">ServTec</a>
        
        <ul class="nav">
          <li <?php if ($pagina==1) {echo"class='active'";} ?> > 
          	<a href="index.php?pag=1"> <i class="icon-home"> </i> Home </a>
          </li>
          <li <?php if ($pagina==2) {echo"class='active'";} ?> >
          	<a href="index.php?pag=2" onclick="MudaMenu('menu2')"> <i class="icon-plus"> </i> Cadastre-se </a>
          </li>
          <li <?php if ($pagina==3) {echo"class='active'";} ?> >
          	<a href="index.php?pag=3"> <i class="icon-lock"> </i> Quem somos </a>
          </li>
          <li <?php if ($pagina==4) {echo"class='active'";} ?> >
          	<a href="index.php?pag=4"> Contato </a>
          </li>
          <li <?php if ($pagina==5) {echo"class='active'";} ?> >
          	<a href="index.php?pag=5"> <i class="icon-wrench"> </i> Ajuda </a>
          </li>
          <li>
          	<a href="#myModal" data-toggle="modal"> <i class="icon-user"> </i> Login </a>
          </li>
            
        </ul>
        
      </div>
    </div>
    <!-- Menu Princpal -->
</div>

<div class="container">


   
    
    
<?php 
	if ($pagina == 2){
		include 'cadastro.php';

	}else if ($pagina == 3){
		include 'empresa.php';
	
	}else if ($pagina == 4){
		include 'contato.php';

	}else if ($pagina == 5){
		include 'ajuda.php';
	
	}else{
?>
	<div class="page-header">
	  <h2 align="center">Bem vindo VISITANTE</h2>
	</div>

<?php		
	}
	

?>    
    
    
    

    

<?php include 'rodape.php'; ?>
    
</div>    








    <!-- Pagina de Login -->
    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Login</h3>
      </div>
      
      <div class="modal-body">
        <form class="form-horizontal">
          <div class="control-group">
            <label class="control-label" for="inputEmail">Email</label>
            <div class="controls">
              <input type="text" id="inputEmail" placeholder="Email">
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="inputPassword">Password</label>
            <div class="controls">
              <input type="password" id="inputPassword" placeholder="Password">
            </div>
          </div>
          <div class="control-group">
            <div class="controls">
              <label class="checkbox">
                <input type="checkbox"> Remember me
              </label>
            </div>
          </div>
        </form>
      </div>
      
      <div class="modal-footer">
        <button class="btn btn-primary">Entrar</button>
        <button class="btn" data-dismiss="modal" aria-hidden="true">Fechar</button>
      </div>
    </div>    
    <!--------------------------------->    


    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>
    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script src="js/bootstrap-affix.js"></script>
    <script src="js/holder/holder.js"></script>
    <script src="js/google-code-prettify/prettify.js"></script>
    <script src="js/application.js"></script>



</body>
</html>